/**custom**/

.sh-switch{
  width: 30px;
  height: 16px;
  border-radius: 30px;
  overflow: hidden;
  vertical-align:middle;
  position:relative;
  display: inline-block;
  background:#ccc;
  box-shadow: 0 0 1px @primary-color;
  cursor: pointer;
  input {
    visibility: hidden;
    height: 16px;
  }
  input:checked +span{
    transform:translateX(100%);
  }
  // &-middle {}
  &-small {
    width: 26px;
    height: 14px;
    input {
      height: 14px;
    }
  }
}
.switchDis{
  opacity: .6;
  cursor: not-allowed;
}
.switch-button{
  position:absolute;
  top:0;
  left:0;
  border-radius: 50%;
  background:#fff;
  width:50%;
  height:100%;
  transition:all linear 0.2s;
}
.switch-button::before{
  position: absolute;
  top:0;
  left:-100%;
  content:'';
  width:200%;
  height:100%;
  border-radius: 30px;
  background:@primary-color;
}
.switch-button::after{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  border-radius: 50%;
  background:#fff;
}